@flex_c_c: {
  display: flex;
  align-items: center;
  justify-content: center;
};
@flex_f_c: {
  display: flex;
  align-items: center;
};
@flex_s_b: {
  display: flex;
  align-items: center;
  justify-content: space-between;
};
@flex_w_s_b: {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
};
@text_overflow_1: {
  //限制行数超出隐藏
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
};

@btnColor: #295065;
@color: #295065;
#homePage {
  //新闻咨询
  .aboutUs {
    /* 关于我们*/
    .container {
      .title {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;

        h2 {
          font-size: 30px;
          font-weight: bold;
          color: #313131;
          line-height: 30px;
          span {
            font-size: 14px;
            color: #b5b5b5;
          }
        }
        .line {
          width: 43px;
          height: 2px;
          margin: 21px auto;

          background: @btnColor;
        }
        .text {
          height: 14px;
          font-size: 14px;
          color: #7a7a7a;
          line-height: 14px;
          margin-bottom: 30px;
        }
      }
      .content {
        display: flex;
        margin-bottom: 30px;
        .contentLeft {
          width: 46%;
          margin-right: 30px;
          .img {
            position: relative;
            height: 361px;
            overflow: hidden;
            transition: all 0.5s;
            img {
              transition: all 1.5s;
            }
            &:hover {
              img {
                transform: scale(1.1);
              }
            }
          }
          .label {
            width: 90%;
            background: #fff;
            position: absolute;
            bottom: 18px;
            right: 0;
            padding: 17px;
            .label_title {
              font-size: 16px;
              font-weight: bold;
              color: #161618;
              margin-bottom: 15px;
              /* 超出限定行数省略号 */
              text-overflow: -o-ellipsis-lastline;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              -webkit-box-orient: vertical;
            }
            .label_text {
              font-size: 12px;
              color: #717479;
              line-height: 20px;
              /* 超出限定行数省略号 */
              text-overflow: -o-ellipsis-lastline;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              line-clamp: 2;
              -webkit-box-orient: vertical;
            }
          }
        }
        .contentRight {
          width: 54%;
          h2 {
            color: #535353;
            padding-bottom: 13px;
            // border-bottom: 1px solid #dcdcdc;
            span {
              color: #7c7c7c;
            }
          }
          .text {
            margin-bottom: 20px;
            p {
              line-height: 28px;
              text-indent: 2em;
              color: #646464;
              // /*  超出限定行数省略号 */
              // text-overflow: -o-ellipsis-lastline;
              // overflow: hidden;
              // text-overflow: ellipsis;
              // display: -webkit-box;
              // -webkit-line-clamp: 3;
              // line-clamp: 3;
              // -webkit-box-orient: vertical;
              a {
                display: inline;
                color: #d62629;
              }
            }
          }
          .btnList {
            width: 100%;
            display: flex;
            justify-content: space-between;
            .btn {
              width: 47%;
              height: 70px;
              background: #295065;
              border-radius: 0;
              font-size: 18px;
              margin: 0;
              a {
                @flex_c_c();
                .btn_icon {
                  width: 59px;
                  height: 59px;
                  border: 1px solid #ffffff;
                  border-radius: 50%;
                  @flex_c_c();
                  margin-right: 10px;
                  .icon {
                    width: 34px;
                  }
                }
                .btn_text {
                  color: #fff;
                }
              }
            }
          }
        }
      }
    }
    .btn {
      width: 153px;
      height: 37px;
      border: 2px solid #295065;
      border-radius: 18px;
      margin: 0 auto;
      margin-bottom: 40px;
      @flex_c_c();
      a {
        color: @btnColor;
      }
      &.active,
      &:hover {
        cursor: pointer;
        background: @btnColor;
        a {
          color: #fff;
        }
      }
    }
  }
  //服务范围
  .scopeService {
    background: url(../images/index02.png) no-repeat center center / cover;
    padding-top: 10px;
    padding-bottom: 30px;
    .title {
      margin-top: 40px;
      margin-bottom: 40px;
      text-align: center;

      h2 {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        line-height: 30px;
        span {
          font-size: 14px;
          color: #b5b5b5;
        }
      }
      .line {
        width: 60px;
        height: 3px;
        background: #dddddd;
        margin: 21px auto;
      }
      .text {
        height: 14px;
        font-size: 14px;
        color: #7a7a7a;
        line-height: 14px;
        margin-bottom: 30px;
      }
    }
    .content {
      width: 1300px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .left,
      .right {
        min-width: 50px;
        height: 50px;
        border: 1px solid #999999;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        .img {
          width: 22px;
          img {
            &.hide {
              display: none;
            }
          }
        }
        &:hover {
          border: 1px solid @color;

          .img {
            img {
              display: none;
              &.hide {
                display: block;
              }
            }
          }
        }
      }
      .scopeServiceBox {
        padding: 20px;
        background-color: #fff;
        .scopeService_wall {
          overflow: hidden;
          .scopeService_list {
            width: 1100px;
            display: flex;
            padding-top: 10px;
            // position: relative;
            // left: 0;
            transition: all 0.6s linear;

            .scopeService_item {
              min-width: calc(32% - 5px);
              margin-right: 30px;
              cursor: pointer;
              .con_item {
                width: 100%;
                position: relative;
                .img {
                  width: 100%;
                  overflow: hidden;
                  transition: all 0.5s;
                  img {
                    transition: all 1.5s;
                  }
                }
                .wall {
                  width: 100%;
                  height: 70%;
                  background: @color;
                  opacity: 0.8;
                  bottom: 0;
                  position: absolute;
                  display: none;
                  .itemtTitle {
                    text-align: center;
                    font-size: 20px;
                    font-weight: bold;
                    color: #fff;
                    margin-top: 58px;
                    margin-bottom: 20px;
                    /* 超出限定行数省略号 */
                    text-overflow: -o-ellipsis-lastline;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    line-clamp: 1;
                    -webkit-box-orient: vertical;
                  }
                  .itemText {
                    width: 70%;
                    margin: 0 auto;
                    font-size: 14px;
                    color: #fff;
                    margin-bottom: 63px;
                    /* 超出限定行数省略号 */
                    text-overflow: -o-ellipsis-lastline;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    line-clamp: 1;
                    -webkit-box-orient: vertical;
                  }
                  .btn {
                    width: 126px;
                    height: 31px;
                    border: 2px solid #ffffff;
                    border-radius: 15px;
                    font-size: 14px;
                    line-height: 31px;
                    text-align: center;
                    margin: 0 auto;
                    color: #fff;
                    &.active,
                    &:hover {
                      cursor: pointer;
                      // background: #b9251f;
                      color: #fff;
                    }
                  }
                }
              }
              .text {
                height: 38px;
                // background: #999999;
                font-size: 14px;
                display: flex;
                align-items: center;
                justify-content: center;
              }

              &:hover {
                .text {
                  color: @color;
                }
                img {
                  transform: scale(1.1);
                }
              }
            }
          }
        }
        .btn {
          width: 153px;
          height: 37px;
          border: 2px solid #295065;
          border-radius: 18px;
          margin: 10px auto;
          @flex_c_c();
          a {
            color: @btnColor;
          }
          &.active,
          &:hover {
            cursor: pointer;
            background: @btnColor;
            a {
              color: #fff;
            }
          }
        }
      }
    }
  }
  .enginCase {
    /*工程案例*/
    .container {
      .title {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;

        h2 {
          font-size: 30px;
          font-weight: bold;
          color: #313131;
          line-height: 30px;
          span {
            font-size: 14px;
            color: #b5b5b5;
          }
        }
        .line {
          width: 43px;
          height: 2px;
          margin: 21px auto;

          background: @btnColor;
        }
        .text {
          height: 14px;
          font-size: 14px;
          color: #7a7a7a;
          line-height: 14px;
          margin-bottom: 30px;
        }
      }
      .enginCaseSemi_list {
        width: 540px;
        margin: 0 auto;
        border-radius: 16px;
        display: flex;
        // align-items: center;
        flex-wrap: wrap;
        margin-bottom: 36px;
        .enginCaseSemi_item {
          display: inline-block;
          min-width: 100px;
          text-align: center;
          cursor: pointer;
          a {
            color: #000;
            padding: 10px 20px;
            position: relative;
          }
          &.active,
          &:hover {
            background: @btnColor;
            a {
              color: #fff;
            }
          }
        }
      }
      .enginCaseList {
        @flex_s_b();
        flex-wrap: wrap;
        margin-bottom: 20px;
        .enginCaseItem {
          width: 24%;
          .img {
            width: 100%;
            overflow: hidden;
            transition: all 0.5s;
            margin-bottom: 10px;
            img {
              transition: all 1.5s;
            }
          }
          .text {
            text-align: center;
          }
          &:hover {
            img {
              transform: scale(1.1);
            }
          }
        }
      }
      .btn {
        width: 153px;
        height: 37px;
        border: 2px solid #295065;
        border-radius: 18px;
        margin: 0 auto;
        margin-bottom: 40px;
        @flex_c_c();
        a {
          color: @btnColor;
        }
        &.active,
        &:hover {
          cursor: pointer;
          background: @btnColor;
          a {
            color: #fff;
          }
        }
      }
    }
  }
  .newsConsult {
    /*新闻资讯*/
    background: #eeeeee;
    padding-top: 40px;
    padding-bottom: 20px;
    .container {
      .title {
        margin-bottom: 40px;
        text-align: center;

        h2 {
          font-size: 30px;
          font-weight: bold;
          color: #313131;
          line-height: 30px;
          span {
            font-size: 14px;
            color: #b5b5b5;
          }
        }
        .line {
          width: 43px;
          height: 2px;
          margin: 21px auto;
          background: @btnColor;
        }
        .text {
          height: 14px;
          font-size: 14px;
          color: #7a7a7a;
          line-height: 14px;
          margin-bottom: 30px;
        }
      }
      .newsConsult_content {
        @flex_s_b();
        margin-bottom: 30px;
        .newsConsult_content_left,
        .newsConsult_content_right {
          width: 48%;
          h2 {
            color: #3b6fc9;
            padding-bottom: 13px;
            border-bottom: 1px solid #dcdcdc;
            span {
              color: #7c7c7c;
            }
          }
          .dateList {
            .dateItem {
              height: 45px;
              line-height: 45px;
              padding-left: 20px;
              position: relative;
              cursor: pointer;
              @flex_s_b();
              border-bottom: 1px solid #dcdcdc;
              color: #9d9d9d;

              .left {
                color: #343434;
                width: 70%;
                /* 超出限定行数省略号 */
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                line-clamp: 1;
                -webkit-box-orient: vertical;
              }
              &:before {
                content: "•";
                font-size: 20px;
                height: 45px;
                position: absolute;
                left: 0;
              }
              &:hover {
                color: @color;
                .left {
                  color: @color;
                }
              }
            }
          }
        }
        .ericLine {
          width: 3px;
          height: 352px;
          background: #c4c4c4;
          position: relative;
          &::before {
            content: "";
            width: 3px;
            height: 94px;
            background: #295065;
            position: absolute;
            top: 40%;
          }
        }
      }
      .btn {
        width: 153px;
        height: 37px;
        border: 2px solid #295065;
        border-radius: 18px;
        margin: 0 auto;
        @flex_c_c();
        a {
          color: @btnColor;
        }
        &.active,
        &:hover {
          cursor: pointer;
          background: @btnColor;
          a {
            color: #fff;
          }
        }
      }
    }
  }
}

.container {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1370px) {
  #homePage {
    //公司荣誉
    .scopeService {
      .content {
        width: 90%;
        .scopeServiceBox {
          min-width: 80%;
        }
      }
    }
  }
  .container {
    width: 90%;
  }
}
@media screen and (max-width: 1200px) {
  #homePage {
    //公司荣誉
    .scopeService {
      .content {
        width: 88%;
        .left,
        .right {
          display: none;
        }
        .scopeServiceBox {
          width: 100%;
          .scopeService_wall {
            overflow-x: scroll;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 850px) {
  #homePage {
    .scopeService {
      .content {
        .scopeServiceBox {
          width: 100%;
          .scopeService_wall {
            width: 100%;
            overflow-x: scroll;
            .scopeService_list {
              width: 100%;

              .scopeService_item {
                min-width: 100%;
                margin-right: 0;
                .img {
                  min-width: 100%;
                }
              }
            }
          }
        }
      }
    }
    .enginCase {
      .container {
        .enginCaseSemi_list {
          width: 100%;
          flex-wrap: nowrap;
          overflow: hidden;
          overflow-x: scroll;
          border-radius: 0;
          &::-webkit-scrollbar {
            width: 4px;
            height: 5px;
            color: #000;
          }
          &::-webkit-scrollbar-thumb {
            border-radius: 5px;
            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            background: rgba(0, 0, 0, 0.2);
          }
        }
        .enginCaseList {
          .enginCaseItem {
            width: 49%;
            margin-bottom: 20px;
          }
        }
      }
    }
    //关于我们
    .aboutUs {
      .container {
        .content {
          flex-wrap: wrap;
          .contentLeft {
            width: 100%;
            margin: 0;
            margin-bottom: 20px;
            .img {
              height: auto;
            }
          }
          .contentRight {
            width: 100%;
          }
        }
      }
    }
    .newsConsult {
      .container {
        .newsConsult_content {
          flex-wrap: wrap;
          .newsConsult_content_left,
          .newsConsult_content_right {
            width: 100%;
          }
          .ericLine {
            display: none;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 750px) {
  #homePage {
    .scopeService {
      .content {
        .scopeServiceBox {
          width: 100%;
          .scopeService_wall {
            width: 100%;
            overflow-x: scroll;
            .scopeService_list {
              width: 100%;

              .scopeService_item {
                min-width: 100%;
                margin-right: 0;
                .img {
                  min-width: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
}
/* 图片放大 */
// #equipFlow .equipIntroduce .right .roungImg .img,
// #equipFlow .equipment .equipment_img .left .left_img,
// #equipFlow .equipment .equipment_img .right .list .img {
//   overflow: hidden;
//   transition: all 0.5s;
// }
// #equipFlow .equipIntroduce .right .roungImg .img img,
// #equipFlow .equipment .equipment_img .left .left_img img,
// #equipFlow .equipment .equipment_img .right .list .img img {
//   transition: all 1.5s;
// }
// #equipFlow .equipIntroduce .right .roungImg .img:hover img,
// #equipFlow .equipment .equipment_img .left .left_img:hover img,
// #equipFlow .equipment .equipment_img .right .list .item:hover .img img {
//   transform: scale(1.1);
// }
